<template>
  <div class="Yoda" :style="{ width, height }">
    <svg
      version="1.1"
      id="yoda"
      xmlns="http://www.w3.org/2000/svg"
      xmlns:xlink="http://www.w3.org/1999/xlink"
      x="0px"
      y="0px"
      viewBox="0 0 656 887.9"
      style="enable-background: new 0 0 656 887.9"
      xml:space="preserve"
    >
      <defs>
        <linearGradient id="gradient" x1="0" y1="20%" x2="50%" y2="0">
          <stop offset="0%" stop-color="#87DC5A" />
          <stop offset="30%" stop-color="#FEFEFE" />
          <stop offset="70%" stop-color="#FEFEFE" />
          <stop offset="100%" stop-color="#87DC5A" />
        </linearGradient>
        <filter id="f1" x="0" y="0" width="200%" height="200%">
          <feOffset result="offOut" in="SourceGraphic" dx="0" dy="0" />
          <feColorMatrix
            result="matrixOut"
            in="offOut"
            type="matrix"
            values="0.10 0 0 0 0 0 0.75 0 0 0 0 0 0.10 0 0 0 0 0 1 0"
          />
          <feGaussianBlur result="blurOut" in="matrixOut" stdDeviation="5" />
          <feBlend in="SourceGraphic" in2="blurOut" mode="normal" />
        </filter>
      </defs>

      <g id="contours">
        <path
          id="XMLID_182_"
          class="st0"
          d="M128.7,458.2c0,0,6.7,0.1,11.5,4c5.4,4.4,15.8,10.8,19.3,11.7c3.5,0.9,25.6,5.7,29.3,7.3
		c3.7,1.6,23.7,16.8,23.7,16.8s-4,1.5-4.4,4.8s0,8.9-2.1,9.8c-2.1,0.9-6.1,2.3-7.1,3.3c-1,1-10.8-5.3-12.2-9"
        />
        <path
          id="XMLID_181_"
          class="st0"
          d="M396.5,450.9c0,0,5.9,2.3,6.4,0s3.5-17.9,5.6-19.5s13.4-5.4,14.8-7.3
		c1.4-1.9,9.6-9.2,13.1-10.3c3.5-1,18.1-10.1,19.5-12.2c1.4-2.1,9.8-11,11.7-14.6c1.9-3.6,9.5-16.7,18.2-18.3c0,0-7.4,9.4-8.4,15.1
		c-1,5.7-8.4,22.1-11.1,26.4s-14.3,28.2-16.5,31s-6.1,10.8-11,15c-4.9,4.2-12.2,9.1-21.1,10.8c0,0-5-4.4-11.3,0c0,0-0.7-5.4-4.9-3.5
		c0,0-3.8-3.1-0.8-4.2"
        />
        <path
          id="XMLID_176_"
          class="st0"
          d="M276.2,576.4c0,0,8.5-1.3,12.6,0.8s25.5,2.1,30.4-3s1.4-16,1.4-16"
        />
        <path id="XMLID_175_" class="st0" d="M285.3,567.7c0,0-0.1,7.2,3.5,9.5" />
        <path
          id="XMLID_174_"
          class="st0"
          d="M319.1,574.2c0,0,22.6-9.4,28.6-14.1c0,0,3.7-0.2,5.4-1.2s4.8-0.9,7.1-2.5s5.7-3,8.9-4.7"
        />
        <path
          id="XMLID_173_"
          class="st0"
          d="M280.7,586.3c0,0-5.9,7-5.7,9.6s-0.6,5.9-2.1,9.3c-1.7,4-9.2,7.7-8.7,9.4
		c0.6,1.9,13.1,7.9,18,9s15.3,3.9,16.3,5.6s7.9,2.3,7.9,2.3s11.2,10.9,13.3,19.6"
        />
        <path
          id="XMLID_172_"
          class="st0"
          d="M296.4,627.8c0,0,1.5,11.7-0.2,20.5c-1.7,8.8-5,18.4-4.5,20"
        />
        <path
          id="XMLID_171_"
          class="st0"
          d="M232.9,673.9c0,0,2.1-0.6,3.9-0.6s1.4,1.3,2.1,1.1c0.7-0.2,2.6-3.7,4.4-3.4
		c1.7,0.3,3.5,0.7,5.4,0.9c1.3,0.1,2.9,0.9,4.2,1.8c0.4,0.3,0.4,0.3,0.8,0.7c0.3,0.3,0.5,0.5,0.8,0.8c1.9,2.1,2.6,6.6,4.5,8.2
		c1.9,1.7,4.1,2.4,3.5,1.3c-0.4-0.7-0.2-5.1-4.5-6.7"
        />
        <path
          id="XMLID_170_"
          class="st0"
          d="M252.5,673.4c0,0,6.3-1.3,9.3,0.9c3,2.2,8.9,8.3,9.8,8.3"
        />
        <path
          id="XMLID_169_"
          class="st0"
          d="M258.9,687.7c0,0,8.9,3.3,10.8-0.9c1.9-4.2,7.8-11,8-13.6c0.2-2.6,8.7-7,11-6.4
		c2.3,0.5,6.9,4.7,8.3,5c1.4,0.3,3.9,1.2,4.9,2.5c0.2,0.2,0.6,0.5,1.2,0.9c3.1,1.7,10.5,4.7,12.9,4.8c2.8,0.2,12.4-0.2,11.3-4
		c-1-3.8-0.9-12-8.2-11.7c-7.3,0.3-12.9,4.3-12.7,6.6"
        />
        <path
          id="XMLID_168_"
          class="st0"
          d="M303.2,675.2c0,0-0.6-9.5,2.9-13c3.5-3.5,13.8-9.7,15.1-13.4c1.4-3.7,8.2-12.3,13.6-14.3
		c5.4-1.9,15.8-6,17.1-8.3c1.2-2.3,12-4.2,12.7-4.2s5.7-5,9.8-5.9c4-0.9,8.9-0.9,12.5-2.8c3.7-1.9,11-3.1,21.4-5.4
		c10.4-2.3,28-6.1,30.8-7.5s10.8-5.4,12-8.2"
        />
        <path
          id="XMLID_167_"
          class="st0"
          d="M436.7,543.4c0,0-17.2,7.1-21.6,9c-4.4,1.9-12.7,7.8-14.5,9.4s-3.9,4.4-6.6,5.3
		c-2.6,1-6.3-1.3-9.6,3.9s-4.9,7.4-7.3,7.4c-1.4,0-8.8,6.3-9.2,9.4c-0.5,3.6-2.8,4.5-5.2,4.5c-2.5,0-4.3,3-4.9,5.7
		c-0.8,3.6-5.6,3.2-7.8,7.8c-1.2,2.4-12.4,22.5-13.6,24.5s-3.6,5.2-3.6,5.2"
        />
        <path
          id="XMLID_166_"
          class="st0"
          d="M362.1,622.5c0,0,15.2-14.9,18.9-19.6c3.7-4.7,12.7-16.9,17.4-20c4.7-3.1,16.7-10.6,21.1-11
		c4.4-0.3,22.8-3.1,30.6,0s17.5,6.4,21.9,11s8.7,5.7,11.4,13.4c2.6,7.7,1.6,7.3,3.5,11.3c1.9,4,5,15.4,5.7,18.7
		c0.7,3.3,1.6,7.6,0.3,12.8s-6.8,20.5-7,25.2c-0.2,4.7-1.6,9.8-3,14.8c-1.4,5-3.5,8.7-3.1,13.6c0.3,4.9-0.3,4.9-2.2,8.2"
        />
        <path
          id="XMLID_165_"
          class="st0"
          d="M479.9,694c-0.5,0.5-8.4,4.6-8.8,12.7c-0.2,4.9-3,13.2-5.6,17.1c-2.6,3.8-10.4,10.4-11.7,14.3
		c-1.2,3.8-3.7,4.4-5,5.7s-1.7,1.9-4.4,4.5s-6.9,10.1-6.9,12.2"
        />
        <path
          id="XMLID_164_"
          class="st0"
          d="M294.3,600.3c0,0-6.6-6.9-8.8-9.8c-2-2.6-19.6-15.6-23.4-17.3c-2.6-1.1-7.4-2.5-9.1-4.8
		c-1.7-2.3-0.3-2.2-16.5-15.4c-17.3-9.3-21-21.4-21.4-25.3c-0.3-3.9,1-6.7,2.4-13.1c1.4-6.4-3-22.5-3-22.5s-1-2.4-2.1-10.1
		c-1-7.7,3.5-15.8,3.5-15.8l4.2-9.8c0,0,1.7-16,9.8-24.7c0.9-9.4,11.8-17.1,11.8-17.1s0.9-11.1,12.5-17.4
		c7.1-9.5,12.5-10.3,12.5-10.3s10.1-8.8,16.4-11.1c5.8-2.1,14.3-1.2,14.3-1.2s4.4-1.7,7.8-1.7c3.4,0,7.8,3,7.8,3s2.4-2.3,6.1-1.7
		c3.7,0.5,6.1,3.7,6.1,3.7s4.3-0.3,6.6,0.3c2.4,0.7,4.7,3.3,4.7,3.3s5.4,4.5,8.2,5c2.8,0.5,11.5,5,11.5,5s10.1,5.9,12.5,8.5
		c2.4,2.6,6.6,4.4,11,9.4c4.4,5,7.1,12.4,7.1,12.4"
        />
        <path
          id="XMLID_163_"
          class="st0"
          d="M377.6,422.7c0,0,1.6,1.2,5.4,0c3.8-1.2,7.7-0.9,7.7-0.9s12-3.3,13.6-4.5s5.9-2.3,10.4-3.7
		c4.5-1.4,12.5-6.4,17.1-8s12.9-5,15.8-7.5c3-2.4,14.6-13.6,17.2-15.1s8.5-13.6,12.9-16.4s10.3-5.2,13.4-4.2c3.1,1,1.2,6.6,1.2,6.6
		s-5.4,7.7-6.1,21.2S473.2,419,473.2,419s-9.8,28.9-21.6,40.7c-11.8,11.8-23.5,18.1-23.5,18.1s-3.8,4.4-7.3,5.7
		c-3.5,1.4-6.6,0-6.6,0s-4.9,1.7-6.9,3.6"
        />
        <path
          id="XMLID_162_"
          class="st0"
          d="M390.2,539.9c0,0,8.7-19,9.9-25.2c1.2-6.3,3.3-18.6,6.8-22.5s4.1-7.2,4.1-7.2"
        />
        <path
          id="XMLID_161_"
          class="st0"
          d="M217.3,463.4c0,0,0.4-0.9-7-1.7c-7.4-0.8-13.9,4-13.9,4s-7.1-1.7-11.5-2.6
		c-4.4-0.9-27.7-2.1-27.7-2.1s-12.4-6.4-20.7-7.7c-8.4-1.2-14.1,4-14.1,4s9.4,5,10.6,8.4c1.2,3.3,10.1,17.1,13.9,19.8
		s21.8,13.1,23.7,14.3s12.2,9.1,15,12c2.8,3,8.2,10.6,9.9,12.5c1.7,1.9,6.1,7.1,11.8,3.3c3.8-3.3,5.1-1.4,5.1-1.4s1.4,2.4,3,2.8"
        />
        <path
          id="XMLID_160_"
          class="st0"
          d="M421.5,548.5c0,0-9.5-4.9-12.3-8.6s-1.9-8.8-6.7-8.5c-4.9,0.2-15.6,12.1-15.6,12.1
		s-34.5,24.3-37.1,26.2c-2.6,1.9-35.5,22.5-46.3,27.2c-10.8,4.6-17.4,5.8-17.4,5.8s-4.4,2.6-1.3,5.8c3.1,3.3,14.8,13.5,15.9,15.1
		c1.1,1.6,6.5,4.9,6.5,4.9s-34.8-11.8-36.6-13.9c-1.8-2.1,6.1-5.3,6.7-9.1c0.5-3.1,2.2-11.8,3.5-13c1.3-1.2,3.5-3.2,3.5-3.2"
        />
        <path
          id="XMLID_159_"
          class="st0"
          d="M229.7,640c0,0,15.6-14.6,16.1-15.8c0.5-1.2,2.8-3,4.9-3.3c2.1-0.2-0.5-7.7,2.1-9.5
		c2.6-1.9,6.3-2.3,7.5-4.6c1.1-2.3,3.5-14.6,5.5-15.6c2.1-0.9,2.7-4.2,4.7-5.7s4.2-3.8,4.2-3.8"
        />
        <path
          id="XMLID_158_"
          class="st0"
          d="M189.2,659.2c0,0-0.8-2.6-2.7-2.6c-2.4,0-7.9,2.3-10.2,4.2c-2.3,1.9-2,3.7-6.6,11
		c-4.7,7.3,2.2,22.1,2.5,25.2s-2.8,9.3-2.4,14.9s8.1,10.9,9.3,11.6s7.7-1,7.7-1s30.9,14,31.1,13s-6.5-21.3-8.2-24.2
		s1.9-13.3,1.7-14.7s2.3-10.4,3.4-11.5s4.8-4.2,8.8-8.5c4.1-4.3,9.5-2.7,9.5-2.7s4.4-7.7,5.2-13.3c0.8-5.7-5.8-18-7.9-20.1
		c-2.1-2.1-4.6-1.2-4.6-1.2s-6.1-5-9.1-4.6c-3.1,0.3-9.8,7.2-9.8,7.2s-0.6,3.5,0.1,6c2.7,0.6,3.9-0.3,4.5,0.2
		c0.8,0.6,0.5,2.2-0.4,4.9"
        />
        <path
          id="XMLID_157_"
          class="st0"
          d="M346.1,630c0,0,3.1-2.6,5.6-8c2.4-5.4,9.1-13.4,11-17.2c1.9-3.8,21.8-25.1,25.1-27.7
		s14.8-8.8,14.8-8.8s9.6-4.9,11.3-5.7c1.7-0.8,14.3-2.7,18.1-2.5c3.8,0.2,13.2-3.5,16.9-1.9s8.5,3.3,11.3,3.7
		c2.8,0.3,16.2,7,17.9,8.4c1.7,1.4,9.2,9.2,10.6,11.5c1.4,2.4,6.4,4.9,7.5,6.5s2.4,5.3,4.5,8.1c2.1,2.8,5.2,5.6,5.7,8
		c0.5,2.4,2.4,8,4,9.2c1.6,1.2,3.8,6.6,4.7,8.5c0.9,1.9,3.8,13.1,4.5,15c0.7,1.9,1.2,2.3,1.2,6.6c0,4.4,0.3,10.8,1,12
		c0.7,1.2,1.2,1.4,1.6,5.4c0.3,4,1.4,18.3,2.3,21.6c0.9,3.3,3,6.1,2.3,10.3c-0.7,4.2-3.5,12.2-2.6,14.6c0.9,2.4,0,5-0.3,10.6
		s-2.4,15.1,0.2,21.4c2.6,6.3,2.3,12.5,1.6,15c0,0-77.9,7.8-92.8,5.6s-54.9-0.7-62.6,2.9c-7.7,3.6-80.2,22.3-107.3,14.8
		c-27-7.6-41.5-18.1-42.1-23.3s-4.5-19.1-4.5-19.1"
        />
        <path
          id="XMLID_156_"
          class="st0"
          d="M416.6,545.6c0.4-1.2,17.5-9.6,23.2-9.9c5.7-0.3,17.1-3.5,26.1,0.9c9.1,4.4,16.4,4.5,18.6,5.7
		c2.3,1.2,14.3,9.4,16.5,12.9s7.5,7.7,9.2,10c1.7,2.4,10.3,14.5,11.7,17.3c1.4,2.8,7.1,13.6,7.3,16.5s0.2,8,1,11.8
		c0.9,3.8,4,6.1,4.4,9.9c0,0-1,10,1.6,14.8c2.6,4.7,2.8,11,2.1,15.7s-4.5,10.8-4.2,14.3c0.3,3.5,1,8.5-1,11.8
		c-2.1,3.3-5.7,5-7.3,5.2"
        />
        <path
          id="XMLID_155_"
          class="st0"
          d="M174,719.6c-0.1-0.1-0.1,5.5,0,7.6c0.1,2.1,0.7,3.8-0.1,6.3c-0.7,2.4-1.9,4.7-1.1,6.5
		c0.9,1.8-0.1,5.5,1.4,8.6c1.5,3.1,1.7,6.6,3.4,7.1c0,0,27.9,13.1,45.6,1.6"
        />
        <path
          id="XMLID_154_"
          class="st0"
          d="M188.4,646.4c0.4,1.3,2.1,4.2,10.3,2.2c8-1.9,8.3-4.8,7.7-6.7c-0.5-1.6-5.1-3.2-10.6-1.8
		C189.3,641.6,188,645.1,188.4,646.4z"
        />
        <path
          id="XMLID_153_"
          class="st0"
          d="M190,648.8c0,0-4.9,2.2-3.6,4.7c1.5,2.7,10.7,2.7,15.5,1.6c2.9-0.7,9.2-4.2,9.7-5.7"
        />
        <line id="XMLID_152_" class="st0" x1="186.5" y1="653.4" x2="186.8" y2="656.7" />
        <path
          id="XMLID_151_"
          class="st0"
          d="M402.5,470.8c0,0,3.1,4.8,5.9,6.1c2.8,1.3,5.1,6.3,6.5,6.7"
        />
        <path
          id="XMLID_150_"
          class="st0"
          d="M251.2,620.6c0,0-2.6,12.7-3.5,17c-1,4.3-1.4,17,0,23.5"
        />
      </g>
      <g id="contours-visage">
        <path
          id="XMLID_180_"
          class="st0"
          d="M225.4,512.6c0,0,4.6,4,14.4,2.6c9.8-1.4,13.8-6.5,13.8-6.5"
        />
        <path id="XMLID_179_" class="st0" d="M310,489c0,0,11.2,3,16,2.4c6-0.8,16.1-7.8,16.1-7.8" />
        <path
          id="XMLID_178_"
          class="st0"
          d="M216.2,477c0,0,11.9-7.9,19.9-9.9c4.7-1.2,13.9,0.1,17.4,2.2c2.4,1.4,7.4,6.4,7.7,6.9"
        />
        <path
          id="XMLID_177_"
          class="st0"
          d="M294.9,454.2c0,0,13.7-15.3,19.1-18.6c6.3-3.9,19.9-7.3,30.5-3c11.5,4.8,22.3,10.2,26.6,11.7"
        />
      </g>
      <g id="details">
        <path id="XMLID_103_" class="st1" d="M328.1,554.1c0,0,3.4,9.8-2.7,17.3" />
        <path id="XMLID_101_" class="st1" d="M280.7,579.4c0,0,12.1,3.9,16.7,10.7" />
        <path id="XMLID_100_" class="st1" d="M296.2,582.9c0,0,4.5,3,4.6,5.3" />
        <path id="XMLID_99_" class="st1" d="M307.1,585.5c0,0,2.8-3.8,7.2-3.8s7.5,1.2,7.5,1.2" />
        <path id="XMLID_98_" class="st1" d="M310,590.1c0,0,2.5-4.6,4.4-4.5c2,0.1,4.7,1.3,4.7,1.3" />
        <path
          id="XMLID_97_"
          class="st1"
          d="M186.5,660.1c0,0,10.3-2.6,14.9-4c6.1-1.9,9.4-2.1,11.8-5"
        />
        <path
          id="XMLID_96_"
          class="st1"
          d="M226.2,648.6c0,0.3,2,3.6,0,5.9c-2,2.3-5.9,7.2-6.4,9.1"
        />
        <path
          id="XMLID_95_"
          class="st1"
          d="M220.9,648.6c0,0.2,1.2,3.1,0,5.2c-1.2,2.1-2.6,4.8-2.6,5.5"
        />
        <path id="XMLID_94_" class="st1" d="M178.8,683.4c1.2,0,13.9-6.6,15.4-9.1" />
        <path id="XMLID_93_" class="st1" d="M177.1,701.6c0,0,4.9,3.5,7.2,7.1" />
        <path id="XMLID_92_" class="st1" d="M177.1,705.2c0.7,0.2,2.2,1.8,3.1,3.5" />
        <path
          id="XMLID_91_"
          class="st1"
          d="M206.8,696.3c0,0-3.6,10.6-1.5,18c2.1,7.4,7.4,16.5,7.4,16.5"
        />
        <path
          id="XMLID_90_"
          class="st1"
          d="M202.4,702.4c-0.1,0.6-0.9,5,0,10c0.9,5,4.9,14.3,5.6,15.4"
        />
        <path id="XMLID_89_" class="st1" d="M198.9,713.5c0,0.9,0.7,3.5,2.3,7.3" />
        <path
          id="XMLID_88_"
          class="st1"
          d="M190,648.8l0.8,4.1c0,0,4.6,1.3,8.8,0.6c4.4-0.8,7.3-3.1,7.3-3.1l-0.8-5"
        />
        <path
          id="XMLID_87_"
          class="st1"
          d="M278.5,584.6c0,0-7.1,3-8.8,8.2s-4.2,13.8-5.9,16.4c-1.7,2.6-4.7,4.5-4,8.7s-1.6,9.4-2.1,12.2
		c-0.5,2.8-2.4,5.7-2.4,9.2s-0.2,4.7,0,8.2s-3.6,6.4-2.8,7.8s1.2,1.5,1,3.9c-0.2,2.5,0.3,2.4,0.7,4.3s-2.6,8.1-1.7,9.9"
        />
        <path
          id="XMLID_86_"
          class="st1"
          d="M418.6,546.8c0,0,13.4-8.7,15.3-6.9c2.5,2.3-18,12.2-18,12.2"
        />
        <path
          id="XMLID_85_"
          class="st1"
          d="M401,596.3c0,0-19,12.9-21.8,14.1c-2.8,1.2-4.7,1.6-6.1,3.3c-1.4,1.7-8.5,8.4-8.5,8.4"
        />
        <path
          id="XMLID_84_"
          class="st1"
          d="M498.1,624.1c0,0,2.3-7.3,0-10.6c-2.3-3.3-4-7.1-5.6-9.9c-1.6-2.8-9.6-24.5-14.6-26.5
		s-9.6-6.6-10.3-6.1s-7.5-1.8-8.9-2.7c-1.4-0.9-5.9-1.8-9.6-2.3c-3.7-0.5-12.7,1-14.6,0c-1.9-1-12.4-1-15.1,0s-14.3,5.1-15.8,6.7
		c-1.6,1.6-4.4,3.9-5.9,5.7s-15.8,12.1-17.9,13.8c-2.1,1.7-8.7,10.4-9.6,11.8c-0.9,1.4-11.7,13.1-11.7,15"
        />
        <path
          id="XMLID_83_"
          class="st1"
          d="M453.8,560.1c0,0,12.8-2.6,17.2,0c4.4,2.6,10.1,5.6,14.6,7.8c4.5,2.3,7.8,3.7,9.9,7.5
		c2.1,3.8,6.1,4.2,8.9,6.8s5.9,3.5,6.6,6.1"
        />
        <path
          id="XMLID_82_"
          class="st1"
          d="M466.6,562.2c0,0,9.6,2.1,12.5,5s6.3,7.5,9.6,9.6s8.3,6.3,9.3,8.1c1,1.7,3.8,5.6,6.4,7.5
		s6.3,6.6,7.3,8.2s3.8,5.9,7.7,8.7c3.8,2.8,7.7,4,9.4,6.8c1.7,2.8,1.4,6.2,1.4,7.2"
        />
        <path
          id="XMLID_81_"
          class="st1"
          d="M496.2,629.7c0,0-0.9,8.7,0,13.6c0.9,4.9-2.8,8.7-1.6,12c1.2,3.3,0.7,8.9-1.1,12.7
		c-1.8,3.8-4.4,7.7-4.4,12.9s0.5,7.1-2.8,12c-3.3,4.9-4.2,8.5-5,11.3"
        />
        <path
          id="XMLID_80_"
          class="st1"
          d="M497.1,651.8c-0.2,3.5,0.3,9.4-0.7,13.9s-4.3,6.1-4.1,12.2c0.2,6.1-0.9,9.6-3.4,19
		c-2.5,9.4-2.7,12-0.9,16.5s1.9,9.1-1.2,15.1"
        />
        <path id="XMLID_79_" class="st1" d="M526.9,635.6c0.2,1.1,3.8,13.8,3.5,21.3" />
        <path id="XMLID_78_" class="st1" d="M441.9,550.5c0,0,4.4,3.7,5.2,4.7" />
        <path id="XMLID_77_" class="st1" d="M444.5,549.3c0,0,5.2,3.9,6.6,7.1" />
        <path
          id="XMLID_76_"
          class="st1"
          d="M466.6,613.5c0,0-56.6,50.7-65.6,55.7c-9.1,5-41.3,10.8-56.8,4c0,0,23.3-15.8,53.8-18.2"
        />
        <path
          id="XMLID_75_"
          class="st1"
          d="M289.9,700.9c0,0,20.7,25.8,39.7,17.6c19-8.2,30.6-25.9,30.6-25.9"
        />
        <path
          id="XMLID_74_"
          class="st1"
          d="M443.3,663c0-1,30.5-42.2,32.6-36.7s-5.2,28.5-28.2,62.6c-23,34.1-64.5,71.8-64.6,71.8"
        />
        <path
          id="XMLID_73_"
          class="st1"
          d="M481.2,653.9c-0.9,1.2-13.2,39.2-16.7,45.4c-3.5,6.3-5,9.2-5.7,13.2c-0.7,4-2.4,8.5-4.4,11.5
		c-1.9,3-6.6,8.9-7.3,12.7c-0.7,3.8-5.6,10.1-5.9,11.3"
        />
        <path id="XMLID_72_" class="st1" d="M247.7,699.4c0.8,1.4,20.4,36.4,35.6,46.7" />
        <path id="XMLID_71_" class="st1" d="M276.8,729.3c0,0,14.6,16.2,23.5,21.4" />
        <path id="XMLID_70_" class="st1" d="M219.8,718.7c0,0,6.4,28.7,11.8,35.9" />
        <path id="XMLID_69_" class="st1" d="M176.5,721.8c0,0-1.1,2.1-0.4,5.1" />
        <path id="XMLID_68_" class="st1" d="M186.6,722.5c0,0-10.8,5-12.6,11" />
        <path id="XMLID_67_" class="st1" d="M387.7,547.2c0,0-0.2,8.7,5,12.9" />
        <path id="XMLID_66_" class="st1" d="M368.4,562.2c0,0,0.2,8.5,6.1,13.2" />
        <path id="XMLID_65_" class="st1" d="M363.4,565.2c0,0,0,4.3,2.4,7.5" />
        <path id="XMLID_64_" class="st1" d="M403.1,539.5c-1.5,1.4,6.9,10.4,15.6,11" />
        <path id="XMLID_63_" class="st1" d="M329,586.9c-0.5,1,2.8,10.6,6,13.6" />
        <path
          id="XMLID_62_"
          class="st1"
          d="M317.4,596.3c0,0.5,4.3,9.9,8,12.9c3.7,3,6.7,7.3,8.1,12.9"
        />
        <path id="XMLID_61_" class="st1" d="M315.5,624.1c0,0,6.3,4.6,8,11.5" />
        <path id="XMLID_60_" class="st1" d="M303.1,638.6c-0.7,1.4,2.3,16.1,2,25" />
        <path
          id="XMLID_59_"
          class="st1"
          d="M189.2,646.3c0.3,1.2,1.9,3.8,9.4,2c7.2-1.7,7.6-4.4,7-6.1c-0.5-1.5-3.2-2.4-9.1-1.4
		C190.5,641.8,188.9,645.1,189.2,646.3z"
        />
        <path id="XMLID_43_" class="st1" d="M329.4,572.4c0,0-5.6,6.4-5.4,11.2" />
        <path id="XMLID_42_" class="st1" d="M343,565.2c-0.7,0.4-4.7,10.5-8,13.8" />
      </g>
      <g id="details-visage">
        <path
          id="XMLID_149_"
          class="st1"
          d="M269.7,394c0,0,3.9-3.3,6.2-3.8c3.2-0.8,7.3-4.4,9.9-4.6c1.7-0.1,7.4-5.2,10.2-5.4
		c2.8-0.2,6.6,1.3,9,2.5c2.4,1.2,7.7,3.4,9.8,2.9c2.1-0.5,7.3,2.3,8.8,3.9c1.8,1.9,3.3,1.7,5.5,1.5c3.8-0.2,10.8,1.9,11.8,4.3"
        />
        <path
          id="XMLID_148_"
          class="st1"
          d="M353.6,423c-2.3-1.7-3-6.5-8.4-12c-5.3-5.5-13.9-7.1-17.4-7.5c-4-0.4-11.8-0.2-14.5-1
		c-2.5-0.8-5.3-1.8-7.5-2c-2.2-0.2-3.4-0.6-6.6-1.2c-3-0.6-4.3,0-6.7,0.9c-2.4,0.9-3.8,0-6.6,0.3c-1.8,0.2-6.3,6.3-10.1,8
		c-3.4,1.5-11.5-0.8-14.7,0s-7.4,3.5-10,7"
        />
        <path
          id="XMLID_147_"
          class="st1"
          d="M239.4,442.1c2.1-2.9,4.5-1.6,6.8-3.7c1.4-1.3,2.4-4.1,6.2-5.1s2.9-1.6,5.5-3.4
		c1.9-1.3,1.9-2.4,5-2.1c4.3,0.4,4.3,0.9,7.6-1c3.3-1.9,4.3-3.5,7.6-3.7c4.2-0.3,3.4,0.6,5.9,0c1.8-0.5,4.4-2.9,6.3-2.1
		c1.8,0.8,3.5,1.2,5.5,0.8c1.8-0.3,2.9-1.9,6.6-1.1c2.7,0.6,4.3-0.9,7.7-1.2c3.7-0.4,6.7-0.7,12.3,0.7c5.6,1.4,13.4,1.2,16.4,3.8
		c3,2.6,8.5,3.3,11.1,4.5"
        />
        <path
          id="XMLID_146_"
          class="st1"
          d="M229.9,497.6c0,0,0-6.8,7.7-9.4c7.8-2.6,19.4-2.8,23.7,4.7c0,0-9-0.3-13.3,0.7
		C244.1,494.5,233.2,494.5,229.9,497.6z"
        />
        <path
          id="XMLID_145_"
          class="st1"
          d="M305.9,479.3c0,0,4.1-10,11.1-12.2c8.4-2.6,20.5-0.9,24.1,5c0,0-4.6,1.5-8.6,1.4
		c-2.8-0.1-6.7-0.7-12.4,0.4c-3.1,0.6-6.7,1.4-9.9,3.2C309,477.8,305.9,479.3,305.9,479.3z"
        />
        <path
          id="XMLID_144_"
          class="st1"
          d="M300.6,477.8c0,0,3.6-16.6,22.3-17.1c0,0,17.2-0.6,20.4,9.7"
        />
        <path
          id="XMLID_143_"
          class="st1"
          d="M297.4,481.8c0,0,2.4-6.9,3.2-8.8c0.5-1.2,2.3-7,4.6-9.3"
        />
        <path
          id="XMLID_142_"
          class="st1"
          d="M300.6,464.2c0,0,4.7-11.5,19.3-12.8c14.6-1.3,26.2,6.4,26.2,6.4"
        />
        <path id="XMLID_141_" class="st1" d="M322.5,459.2c0,0,11.8-2.4,20.4,5" />
        <path id="XMLID_140_" class="st1" d="M340,459.6c0,0,4.6,1.8,6.2,4.1" />
        <path id="XMLID_139_" class="st1" d="M347.8,465.4c0,0,2,1.6,2.8,2.5" />
        <path id="XMLID_138_" class="st1" d="M346.1,469.3c0,0,4.9,2.4,5.7,3.7" />
        <path id="XMLID_137_" class="st1" d="M345.2,471.7c0,0,5.5,0.6,6.7,1.2" />
        <path id="XMLID_136_" class="st1" d="M345.2,477.8c0,0,2.5-4.3,6-4.4" />
        <path
          id="XMLID_135_"
          class="st1"
          d="M269.7,480.8c0,0,3.3-5.6,7.5-7c5.5-1.7,11.3-0.6,13.8,1.7"
        />
        <path
          id="XMLID_134_"
          class="st1"
          d="M270.5,483.5c0,0,4.3-4,7.4-4.8c6.3-1.7,13.1,1,13.1,1"
        />
        <path
          id="XMLID_133_"
          class="st1"
          d="M269.7,488c0,0,5.7-4.6,8.4-5.5c5.1-1.7,12.2,0.9,12.2,0.9"
        />
        <path
          id="XMLID_132_"
          class="st1"
          d="M264.2,508.7c0,0-2.9-0.8-1.9-4c0.7-2.4,6.1-15.5,14.5-17.6c9.7-2.4,28.8,0.5,25,9.3"
        />
        <path id="XMLID_131_" class="st1" d="M266,506.3c0,0,4.4-2.6,7.6-0.3c2.3,1.6-4,1.1-4,1.1" />
        <path
          id="XMLID_130_"
          class="st1"
          d="M288.8,502c0,0,5.1-5.1,7-4.5c2.7,0.9-1.9,2.9-1.9,2.9"
        />
        <path id="XMLID_129_" class="st1" d="M276.4,506.1c0,0,7.4,0.7,10.7-3.3" />
        <path
          id="XMLID_128_"
          class="st1"
          d="M228.3,489.1c0,0,5.8-5.7,16.7-6.2c11.1-0.5,16.8,4.7,19.2,8.2"
        />
        <path
          id="XMLID_127_"
          class="st1"
          d="M246.5,480c0,0,8.9,1.1,12.5,2.4c3.1,1.1,6.9,5.6,6.9,5.6"
        />
        <path id="XMLID_126_" class="st1" d="M236.2,506.1c0,0,17.8-3.4,21.6-8.6" />
        <path id="XMLID_125_" class="st1" d="M227.2,502.8c0,0,0.7-3.4,2.7-5.2" />
        <path
          id="XMLID_121_"
          class="st1"
          d="M223.4,481.8c0,0,10.3-7,19.1-7.7c9.8-0.7,19.7,5.1,19.7,5.1"
        />
        <path
          id="XMLID_120_"
          class="st1"
          d="M311.6,483.5c0,0,9.5-0.2,13.8-0.3c4.9-0.2,12.2-3.8,12.2-3.8"
        />
        <path
          id="XMLID_109_"
          class="st1"
          d="M249.3,534.2c0.8-16.7,10.9-22.8,10.9-22.8s-4.4,4.6-4.6,7.1"
        />
        <path id="XMLID_108_" class="st1" d="M311,495.1c0,0,18.1,8.5,23.2,20.4c0,0-2-2.4-4.6-4" />
        <path id="XMLID_102_" class="st1" d="M329.4,548.6c0,0,3.5,7,2.6,13.6" />
        <path id="XMLID_41_" class="st1" d="M338.9,532.6c0,0,3.9,4.3,5.3,10.8" />
        <path id="XMLID_40_" class="st1" d="M351.2,530.1c0,0,5.9,8.4,3.4,17.1" />
        <path id="XMLID_39_" class="st1" d="M372.2,523.3c0,0-1.7,12.5-7.7,20.2" />
        <path id="XMLID_38_" class="st1" d="M390.2,513.9c-0.7,0.2-1,6.7-4.2,12.9" />
        <path id="XMLID_37_" class="st1" d="M394.2,517.4c0,0-3.2,15.7-13.6,26.6" />
        <path id="XMLID_36_" class="st1" d="M386.8,529c0,0-6.9,13.8-13.4,20.9" />
        <path
          id="XMLID_31_"
          class="st1"
          d="M463.3,404.4c-0.7,0.3-11.7,20.4-14.6,23.3c-3,3-15.3,13.7-17.8,14.9
		c-2.4,1.3-13.8,12.1-14.8,14s-7.7,3.6-9.2,1.1c-1.6-2.5-1.6-8.4,1.5-9.5s6.9,1.6,6.9,1.6"
        />
        <path
          id="XMLID_30_"
          class="st1"
          d="M257.2,551.7c0,0-2.2,7.1-0.9,8.4c1.3,1.2,4.5,6.2,5.7,7.6"
        />
        <path id="XMLID_23_" class="st1" d="M335,492c0,0,7.1,3.1,9.1,7.2" />
        <path id="XMLID_22_" class="st1" d="M338.9,490c0,0,4.6,1.7,6.3,4" />
        <path id="XMLID_21_" class="st1" d="M274.1,545.1c0,0,2,5.2,1.8,10.1" />
        <path id="XMLID_20_" class="st1" d="M279.9,542.1c0,0,3.2,7.8,3,14.3" />
        <path id="XMLID_19_" class="st1" d="M285.3,547.2c0,0,1.2,4,1.2,6.4" />
        <path id="XMLID_18_" class="st1" d="M292.7,543.4c0,0,3.3,10.5,3.9,16.3" />
        <path id="XMLID_17_" class="st1" d="M305.2,537c0,0,1.4,5.7,4,8.1" />
        <path id="XMLID_16_" class="st1" d="M309.2,534.5c0,0,0.5,4.1,1.8,5.3" />
        <path
          id="XMLID_15_"
          class="st1"
          d="M142.1,469.3c0,0,8.7,14,12.2,15.7c3.5,1.7,29.3,9,33.4,12.5c3.2,2.6,9.4,11.3,14.6,11.3
		c3.1,0,4-1.9,3.4-4.3"
        />
        <path
          id="XMLID_11_"
          class="st1"
          d="M351.9,402.7c0,0,3.1,3.3,5.1,4.4s5.4,5,5.8,5.9c0.4,0.9,6.8,1.9,8.9,2.1c3.5,0.3,8.8,4.4,10,8
		"
        />
        <g id="eyes-color">
          <path
            id="XMLID_10_"
            class="st2"
            d="M256,488.1c0,0,0.6,3.9-1.5,4.7l3.7-0.1c0,0,0.6-0.2,0.8-2.7C259,490.1,257.8,489.1,256,488.1
			z"
          />
          <path
            id="XMLID_9_"
            class="st2"
            d="M245.4,493.9c-2.7-2.2-1-7.2-1-7.2s1.3-0.2,3.5-0.3c-2.3,3.6,0.8,6.9,0.8,6.9
			S246.2,494,245.4,493.9z"
          />
          <path
            id="XMLID_8_"
            class="st2"
            d="M329.2,473.3c-3.8-1.7-2.4-7.4-2.4-7.4s-3.3-0.1-4,0.1c-0.5,0.5-0.8,6,1.6,7.3
			C325.7,473.2,329.2,473.3,329.2,473.3z"
          />
          <path
            id="XMLID_7_"
            class="st2"
            d="M335.8,473.3c1.6-1.4,0.9-5.1,0.9-5.1s1.6,0.8,2.2,1.4c0,0,0.6,1.8-0.2,3.2
			C338.7,472.8,336.4,473.2,335.8,473.3z"
          />
        </g>
        <g id="eyes">
          <path
            id="XMLID_6_"
            class="st1"
            d="M256,488.1c0,0,0.6,3.9-1.5,4.7l3.7-0.1c0,0,0.6-0.2,0.8-2.7C259,490.1,257.8,489.1,256,488.1z
			"
          />
          <path
            id="XMLID_5_"
            class="st1"
            d="M245.4,493.9c-2.7-2.2-1-7.2-1-7.2s1.3-0.2,3.5-0.3c-2.3,3.6,0.8,6.9,0.8,6.9
			S246.2,494,245.4,493.9z"
          />
          <path
            id="XMLID_4_"
            class="st1"
            d="M329.2,473.3c-3.8-1.7-2.4-7.4-2.4-7.4s-3.3-0.1-4,0.1c-0.5,0.5-0.8,6,1.6,7.3
			C325.7,473.2,329.2,473.3,329.2,473.3z"
          />
          <path
            id="XMLID_3_"
            class="st1"
            d="M335.8,473.2c1.6-1.4,0.9-5,0.9-5s1.6,0.8,2.2,1.4c0,0,0.6,1.8-0.2,3.2
			C338.7,472.8,336.4,473.1,335.8,473.2z"
          />
        </g>
      </g>
      <g id="details-visage-2">
        <path id="XMLID_124_" class="st1" d="M219.3,497.6c0,0,4.3-1.4,4.6-2.4" />
        <path id="XMLID_123_" class="st1" d="M219.9,500.9c0,0,2.8-1.7,3.5-3.3" />
        <path id="XMLID_122_" class="st1" d="M220.7,504.4c0,0,2.6-2.1,3.7-3.6" />
        <path
          id="XMLID_119_"
          class="st1"
          d="M260.2,543.4c0,0,7.7-10.8,12.6-12.1c5-1.3,7.5-1.7,7.5-1.7s14.4-6.2,17.1-6.2
		c2.7,0,9.1-0.5,10.3-0.6c1.2-0.1,6.9-0.4,8.6,0c2.9,0.7,5.7,0.5,7.8,0.2"
        />
        <path
          id="XMLID_118_"
          class="st1"
          d="M267.6,539.9c0,0,6.5-2.7,14.8-3.2c6.3-0.4,9.8-3.5,13-4.8c4.4-1.8,16.9-2.9,16.9-2.9"
        />
        <path
          id="XMLID_117_"
          class="st1"
          d="M259.8,537c-0.1,0.1,7.3-13.6,12.5-16.1c3-1.4,8.9-2.1,10.1-2.6c2-0.7,9.3-3.6,13-3.6
		c3.7,0,19.2,1.2,20.2,1.2"
        />
        <path id="XMLID_116_" class="st1" d="M259.8,446.4c0,0,3,21.9,9.4,27.1" />
        <path id="XMLID_115_" class="st1" d="M259,461.5c0,0,2.7,10.8,5.8,13.2" />
        <path id="XMLID_114_" class="st1" d="M270.5,451.3c0,0-0.2,17.3,4.3,21" />
        <path
          id="XMLID_113_"
          class="st1"
          d="M284.2,441.1c0,0-4.9,11-4.2,18.5c0.5,5.5,2.6,8.5,2.6,8.5"
        />
        <path id="XMLID_112_" class="st1" d="M275.8,457.7c0,0,0.2,11.5,3.2,13.1" />
        <path
          id="XMLID_111_"
          class="st1"
          d="M290.9,439.9c0,0-5.1,11.8-5.2,17.4c0,5.6,3.8,11.3,3.8,11.3"
        />
        <path id="XMLID_110_" class="st1" d="M290.2,460.7c0,0-0.5,5.2,1.6,7" />
        <path
          id="XMLID_107_"
          class="st1"
          d="M351.9,487.3c0,0,8.4,5.6,12.1,12.5c3.5,6.4,3,14.2,3,14.2"
        />
        <path
          id="XMLID_106_"
          class="st1"
          d="M354.5,480.6c0,0,9.9,7.3,12.4,10.5c2.2,2.8,4.1,7.7,4.1,7.7"
        />
        <path
          id="XMLID_105_"
          class="st1"
          d="M357,475.6c0,0,11.6,6.1,14.4,10.1c3.7,5.4,6.2,12.7,6.3,14"
        />
        <path id="XMLID_104_" class="st1" d="M363.5,473.4c0,0,7.7,2,9.9,4.4" />
        <path id="XMLID_58_" class="st1" d="M272.5,524.5c0,0,1.1,5.3,3.9,5.9" />
        <path id="XMLID_57_" class="st1" d="M277.8,524.1c0,0-0.6,4.4,2.5,5.5" />
        <path id="XMLID_56_" class="st1" d="M305.9,517.4c0,0,1,3,0.8,5.5" />
        <path id="XMLID_55_" class="st1" d="M311,519.5c0,0,0.6,1.9,0,3.2" />
        <path id="XMLID_54_" class="st1" d="M317.8,517.4c0,0-2.1,3-2.1,5.3" />
        <path id="XMLID_53_" class="st1" d="M320.7,520.1c0,0-1.4,1.4-1.5,3.2" />
        <path id="XMLID_52_" class="st1" d="M294.9,519.5c0,0-0.5,3,0.3,4.4" />
        <path id="XMLID_51_" class="st1" d="M272.8,531.3c0,0-1.1,3-0.5,4.4" />
        <path id="XMLID_50_" class="st1" d="M274.4,530.9c0,0-0.3,2.1,0,3.3" />
        <path id="XMLID_49_" class="st1" d="M282.4,528.7c0,0-0.2,2.8,0.5,3.9" />
        <path id="XMLID_48_" class="st1" d="M286.5,527c0,0,1.2,2.2,1.2,3" />
        <path id="XMLID_47_" class="st1" d="M291.4,525.2c0,0,1.2,1.7,1,3.4" />
        <path id="XMLID_46_" class="st1" d="M305.2,523c0,0,1.3,1.9,1.1,3.8" />
        <path id="XMLID_45_" class="st1" d="M312.2,522.7c0,0,1.3,1.2,1.2,3.2" />
        <path id="XMLID_44_" class="st1" d="M314,522.7c1,0.9,1,3.2,1,2.8" />
        <path id="XMLID_35_" class="st1" d="M387.7,480c0,0,7.1,3.9,8.7,10.1" />
        <path id="XMLID_34_" class="st1" d="M398,483.7c0,0,1.4,3.1,1.7,6" />
        <path
          id="XMLID_33_"
          class="st1"
          d="M378.7,468.6c0.5,0.1,8.4,0.7,14.1,2.7c5.7,2,10.4,8,10.4,8"
        />
        <path id="XMLID_32_" class="st1" d="M371,468c0,0,12.6-2.8,13.7-3.7" />
        <path id="XMLID_29_" class="st1" d="M225.4,516c-0.3,0.6-2.9,4.6-3.8,8.5" />
        <path id="XMLID_28_" class="st1" d="M227,517.4c0,0-2.5,4.1-2.6,5.6" />
        <path id="XMLID_27_" class="st1" d="M228.6,519.5c0,0-4.8,10.1-2.8,16.3" />
        <path id="XMLID_26_" class="st1" d="M233.5,519.5c0,0-1.8,3.1-1.3,5.5" />
        <path id="XMLID_25_" class="st1" d="M240.8,517.4c0,0-1,2.9-1.3,5.6" />
        <path id="XMLID_24_" class="st1" d="M242.8,517.4c0,0-0.7,2-0.9,3" />
        <path id="XMLID_14_" class="st1" d="M353.6,457.7c0,0,8-2,9.9-6.5" />
        <path id="XMLID_13_" class="st1" d="M359.4,459.9c0,0,7-2.3,9.7-6.8" />
        <path id="XMLID_12_" class="st1" d="M359.4,465.4c0,0,16.1-5.2,20.6-11.2" />
      </g>
      <path
        id="light-saber-2"
        class="st2"
        d="M198,648.4c-7.9,1.6-8.6-1.3-8.9-3.5c0,0-71.7-523.8-71.7-526c0-4.3,1.4-9.8,6.8-10.5
	c5.3-0.7,7.9,3.7,9.2,7.7c0.8,2.4,72.5,526.5,72.5,526.5C206,644.8,204,647.2,198,648.4z"
      />
      <path
        id="light-saber"
        class="st2"
        d="M198,648.4c-7.9,1.6-8.6-1.3-8.9-3.5c0,0-71.7-523.8-71.7-526c0-4.3,1.4-9.8,6.8-10.5
	c5.3-0.7,7.9,3.7,9.2,7.7c0.8,2.4,72.5,526.5,72.5,526.5C206,644.8,204,647.2,198,648.4z"
      />
    </svg>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'

export default defineComponent({
  name: 'Yoda',
  props: {
    width: {
      type: String,
      default: '200px'
    },
    height: {
      type: String,
      default: '200px'
    }
  }
})
</script>

<style scoped>
.Yoda {
  background: #000000;
  animation: background-light 1s;
  animation-delay: 3.5s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
}

svg {
  width: 100%;
  height: 100%;
}

#contours {
  fill: none;
  stroke: white;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: draw 5s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: linear;
}
#contours-visage {
  fill: none;
  stroke: white;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: draw 5s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: linear;
}

#details {
  fill: none;
  stroke: white;
  stroke-width: 1;
  stroke-miterlimit: 10;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: draw 10s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: linear;
}
#details-visage {
  fill: none;
  stroke: white;
  stroke-width: 1;
  stroke-miterlimit: 10;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: draw 15s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: linear;
}
#details-visage-2 {
  fill: none;
  stroke: white;
  stroke-width: 0.5;
  stroke-miterlimit: 10;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: draw 35s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: linear;
}
#eyes-color {
  opacity: 0;
  fill: white;
  animation: show 4s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
}

#light-saber {
  opacity: 0;
  fill: url(#gradient);
  filter: url(#f1);
  animation: plasma 1s;
  animation-delay: 3.5s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
}
#light-saber-2 {
  fill: none;
  stroke: white;
  stroke-width: 1;
  stroke-miterlimit: 10;
  stroke-dasharray: 4000;
  stroke-dashoffset: 4000;
  animation: draw 3s;
  animation-delay: 3.5s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
}

@keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes show {
  to {
    opacity: 1;
  }
}
@keyframes plasma {
  to {
    opacity: 1;
  }
}
</style>
